<template>
<div class="container">
    <div class="div1">
        <p><em>赠品</em></p>
    </div>

    <div class="div2">
        <div>赠<i>牙膏一只</i></div>
        <div>赠<i>牙膏一只</i></div>
        <div>赠<i>牙膏一只</i></div>
        <div>赠<i>牙膏一只</i></div>
    </div>
    <div style="clear:both"></div>
</div>
</template>

<script>
export default {
    name: "gifts",
    props: {

    }
}
</script>

<style scoped>
.container {
    margin-top: .2rem;
    padding: .2rem 0;
    width: 100%;
    border-bottom: .2rem solid #F2F2F2;
}

.div1 {
    width: 15%;
    height: .8rem;
    float: left;
}

.div1>p {
    font-size: .4rem;
    width: .9rem;
    min-height: .4rem;
    background-color: #4AA4FD;
    margin-bottom: 0;
    color: white;

}

.div2 {
    font-size: .36rem;
    width: 85%;
    float: left;
    min-height: .8rem;
    font-weight: 900;
}
.div2>div:not(:first-child){
    margin-top:.2rem;
}
</style>
